<template>
    <el-pagination
      background
      layout="prev, pager, next"
      :page-size="pageData.pageSize"
      :current-page="pageData.pageNum"
      :total="pageData.total"
      :pager-count="13"
      @current-change="send"
    >
    </el-pagination>
</template>

<script>
export default {
    name: "pagination",
    data() {
        return {
            pageData: {
                endRow: 5,
                hasNextPage: true,
                hasPreviousPage: false,
                isFirstPage: true,
                isLastPage: false,
                list: Array(5),
                navigateFirstPage: 1,
                navigateLastPage: 6,
                navigatePages: 8,
                navigatePageNums: Array(6),
                nextPage: 2,
                pageNum: 1,
                pageSize: 5,
                pages: 6,
                prePage: 0,
                size: 5,
                startRow: 1,
                total: 29
            }
        };
    },
    methods: {
        send(pageNum) {
            this.$emit("vocal", pageNum);
        },
    },
};
</script>

<style scoped lang="scss">

</style>